﻿@charset "utf-8";
/* CSS Document */
body { font: normal 14px 微软雅黑, Tahoma, Geneva, sans-serif; margin: 0px; padding: 0px; line-height: 24px; background-color: #f0f2f1; }
ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, td, th, form, fieldset, img, dl, dt, dd, span, label { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
img, input { border: none; vertical-align: middle; }
.clear { clear: both; }
a { font:"微软雅黑" ; font-size: 14px; color: #898989; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
.fl { float: left; width: 450px;height: 290px;margin-top: 10px;}
.fr { float: right; }
/*======================公用样式=======================*/
.warp { width: 1044px; margin: 0 auto; }
.header, .logo, .muen, .center, .footer { width: 1044px; }
/*======================头部样式=======================*/
.header { position: relative; }
.banner { width: 1044px; height: 500px; }
.left { width: 209px; margin-left: 17px; position: absolute; top: 0; }
.left .logo { width: 209px; height: 96px; background: url(../images/logo.jpg) left no-repeat; }
.left .leftmuen { width: 209px; }
.left .leftmuen ul { width: 209px; }
.left .leftmuen .img { width: 209px; height: 17px; background: url(../images/muen_bottom.png) left no-repeat; }
.left .leftmuen li { width: 209px; height: 36px; border-bottom: dotted 1px #eaeaea; position: relative; }
.left .leftmuen li dd { line-height: 36px; position: absolute; top: 0; right: 20px; }
.muen li a:hover, .muen li a { font: bold 14px/49px Tahoma, Geneva, sans-serif; display: block; color: #898989; padding-left: 25px; line-height: 36px;  }
.left .leftmuen li a { font: bold 14px/49px Tahoma, Geneva, sans-serif; display: block; color: #898989; padding-left: 25px; line-height: 36px; background-color:#ffffff; }
.muen { width: 781px; height: 49px; background: url(../images/muen.jpg) no-repeat; display: block; float: right; position: absolute; top: 0; right: 15px; }
.muen ul { width: 781px; height: 49; list-style: none; }
.muen li { width: 111px; height: 49px; background: url(../images/muen_1.png) no-repeat right; float: left; line-height: 49px; }
.muen li a, .muen li a:hover, .muen li a { font: bold 14px/49px Tahoma, Geneva, sans-serif; display: block; color: #898989; }
.muen li img { position: absolute; top: 18px; left: 34px; margin-right: 8px; }
.muen .language { width: 112px; height: 49px; /*float: right;*/ /*left:-31px; top:3px;*/position: absolute; top: 18px; left:670px;}
.muen .language .cn img { width: 16px; height: 11px; float:left; margin-right:6px;  }
.muen .language .en img { width: 16px; height: 11px; float:left;  }
/*======================Flash样式=======================*/
/*Slide Start幻灯片位置开始*/
#Slidebox { width: 1044px; height: 500px; padding: 0px; margin: 0 auto;  /*position:relative;*/ overflow: hidden; }
#flashBg { width: 1044px; height: 500px; overflow: hidden; width: 1044px; clear: both; margin: 0; padding: 0; }
#flashLine {/*background: url(../images/touming.png) repeat-x center bottom;*/ height: 500px; width: 1044px; clear: both; }
#flash { height: 500px; overflow: hidden; margin: 0 auto; clear: both; position: relative; padding: 0px 0px; }
#flash a { height: 500px; display: none; }
#flash img { height: 500px; }
.flash_bar { width: 100px; z-index: 69; height: 80px; overflow: hidden; position: absolute; padding-top: 13px!important; padding-top: 12px; bottom: 0px; left: 47%;/* background: url(../images/tg_flashbar.png) no-repeat 0px 0px;*/ text-align: center; }
.flash_bar .dq { display: block; float: left; width: 12px; height: 12px; margin: 2px 4px; cursor: pointer; background: url(../images/pagination.png) no-repeat 0px -12px; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png", sizingMethod="crop");
}
.flash_bar .no { display: block; float: left; width: 12px; height: 12px; margin: 2px 4px; cursor: pointer; background: url(../images/pagination.png) no-repeat 0px 0px; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png", sizingMethod="crop");
}
#flash1 { background-image: url(../images/01.jpg); background-repeat: no-repeat; background-position: center top; }
#flash2 { background-image: url(../images/02.jpg); background-repeat: no-repeat; background-position: center top; }
#flash3 { background-image: url(../images/03.jpg); background-repeat: no-repeat; background-position: center top; }
/*======================中间样式=======================*/
.con { width: 1010px; background-color: #fff; margin: 0 auto; overflow: hidden; zoom: 1; clear: both; }

#loginForm #uid,#loginForm #password{ border:#ccc solid 1px;}
.prolist { width: 960px; margin-top:50px; margin-left: 25px; }
.pro_detail { width: 960px; height: 300px; background-color: #f7f7f7; margin: 0 auto; }
.index_about { width: 960px; height: 320px; background-color: #f7f7f7; margin-top:10px; margin-left: 25px; clear: both; }
.index_about .img { width: 470px; height: 300px; }
.index_about .about_txt { width: 480px; height:300px; padding-left:15px; float:left;font-size:14px; display: block; color: #2e577d; word-break: break-all; }
.index_news{font-size:14px;color:#898989;line-height:22px;margin-top: 5px;}
.index_news a:hover, .index_news a { font-size:14px ; color: #898989; ; line-height:22px; }
.index_news li { width: 240px; height:25px; line-height:25px; float: left; overflow: hidden;}
.index_news span { float:right;}
.lm { width: 942px; height: 94px; position: absolute; top: 448px; left: 46px; }
.lm_1 { width: 297px; height: 94px; background: url(../images/index_1.png) left no-repeat; float: left; }
.lm_2 { width: 297px; height: 94px; background: url(../images/index_2.png) left no-repeat; margin-left: 25px; float: left; }
.lm_3 { width: 297px; height: 94px; background: url(../images/index_3.png) left no-repeat; margin-left: 25px; float: left; }
.lm_txt { width: 160px; height: 94px; padding-left: 90px; font: 13px/21px Tahoma, Geneva; color: #898989; }
.lm_txt span { font:  normal 17px/40px "微软雅黑" bold; color: #012d52; text-decoration: none; }
.lm_txt a{
    font-size: 13px;
  }
/*======================内页样式=======================*/
.tit { width: 960px; margin: 0 auto; }
.tit_l { width: 85px; font:normal 17px/60px "微软雅黑"; color: #012d52; text-decoration: none; float: left; }
.tit_r { width: 500px; font: 14px/60px Tahoma, Geneva; color: #898989; text-align: right; float: right; }
.product { width: 960px; height: 520px; margin: 63px auto 0; }
.product dl { background:url(../images/cpbjt.jpg) no-repeat 0px 0px;width: 295px; height: 247px; padding-left: 10px; padding-right: 10px; float: left; }
.product dd { height: 181px; padding-top:7px;}
.product dd img{ width:278px; height:186px;}
.product dt { width: 280px; text-align: center; height:40px; line-height:40px; font-weight:bold;}
.product dt  a{ color:#fff;}
.product_show { width: 960px; margin: 60px auto 0; position:relative; }
.product_show dl { width: 600px; border: 1px solid #DDDDDD; margin: 0px auto;}
.product_show dd { background: url("../images/pro-ddbg.jpg") repeat-x scroll 0 bottom transparent; }
.product_show dd img { display: block; margin: 0 auto; padding: 20px 0; width: auto; }
.product_show dt { background: url("../images/arrow-5.gif") no-repeat scroll 10px center #F9F9F9; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: normal; font-weight: bold; height: 32px; line-height: 32px; text-align: center; color: #898989 }

/*上一页 下一页*/
.next_page{ height: 10px;font-size:14px;color:#939393;}
.next_page p{line-height:24px;color:#666;}
.next_page p a{ color:#666;font-size:14px;}
.next_page p a:hover{ text-decoration:underline;color:black;}
.next_page span{ display:inline;}
.next_page p{ width:49px;height:49px;padding:0px;margin:0px;}
.next_page p.next_link{margin-bottom:8px;
position:absolute; left:797px; top: 220px;}
.next_page p.pre_link{ margin-bottom:8px;position:absolute; left:114px; top: 220px;}
.next_page p.pre_link a,.next_page p.next_link a{ width:49px; height:49px; line-height:49px;  }
.next_page p a{display: inline-block;width:49px; height:49px;}
.next_page_last {width: 49%;float: left;}
.next_page_last a{ font-size:14px;}
.next_page_next {width: 49%;float: right;text-align: right;}
.next_page_next a{ font-size:14px;}
/*相关资讯*/
.other_news{ float: left; width: 100%; margin: 10px 0;}
.other_news h2{ line-height: 40px; font-size: 15px; text-indent: 10px;}
.other_news ul{ width:100%; zoom:1; overflow:hidden; }
.other_news ul li{ float:left; height:25px; line-height:25px;font-size:14px;width: 32%;border-bottom:#DDD solid 1px; margin:0px 4px; overflow:hidden;text-indent:5px;}
.other_news ul li a{font-size: 14px;}
/*相关产品*/
.other_product {font-size: 14px; line-height: 22px; width: 960px; margin: 0 auto;}
.other_product h2 { font-size: 15px; height: 40px; line-height: 40px; text-indent: 10px; }
.other_product ul { /* margin: 10px 0; */ }
.other_product li { float: left; margin: 0 12px; width: 216px; }
.other_product img { display: block; margin: 0 auto; width: 213px; border: 1px solid #ccc;}
.other_product span { display: block; font-size: 12px; height: 22px; line-height: 22px; text-align: center; }

.proinfo { width: 936px; border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; margin: 10px  auto 0; }
.proinfo .pro_description { background: none repeat scroll 0 0 #CCCCCC; font-weight: bold; height: 30px; line-height: 30px; text-indent: 10px; font-size: 15px; width: 936px; color: #898989; }
.proinfo .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; }
.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 960px; }
.other h3 { border-bottom: 1px dashed #222222; color: #E93C00; font-size: 12px; height: 40px; line-height: 40px; padding-top: 10px; }
.other ul { margin: 20px 0; }
.other li { float: left; margin: 0 10px; width: 214px; }
.other img { display: block; /*height: 150px;*/ margin: 0 auto; width: 214px; }
.other span { display: block; font-size: 12px; height: 22px; line-height: 22px; text-align: center; }
.news_list  { width: 960px; margin: 63px auto 0; }
.news_list UL { list-style-image: none; list-style-type: none; padding: 10px; }
.news_list LI { border-bottom: 1px dotted #CCCCCC; height: 30px; line-height: 30px; overflow: hidden; padding: 0 8px 0 30px; }
.news_list LI.on { background: url("../images/bullethong.gif") no-repeat scroll 3px 13px transparent; }
.news_list LI SPAN { color: #666666; float: right; }
* HTML #news_list LI IMG { padding-top: 8px; }
.news_list DL { padding: 10px; }
.news_list DIV.line { border-top: 1px solid #CCCCCC; height: 10px; overflow: hidden; }
.news_list DT { position: relative; }
.news_list DD { width: 100%; }
.news_list DD .text { padding-left: 10px; }
.news_list DD H3 { font-size: 100%; }
.news_list DD P { color: #666666; }
.shownews { width:960px; margin: 63px auto 0; }
.shownews p{ font-size:14px; margin-top:10px;}
.shownews H1.title { border-bottom: 1px dotted #CCCCCC; font-size:20px; margin-bottom: 10px; padding: 4px; text-align:center; }
.shownews DIV.text { padding: 0 5px; }
.shownews .related { font-size: 100%; margin-top: 8px; padding-left: 5px; }
.shownews .related-list { list-style-image: none; list-style-type: none; padding-left: 20px; }
.shownews .related-list LI { float: left; width: 48%; }
. { width: 960px;  margin: 63px auto 0;  }
.underlinebox { border:1px solid #000;}
/*======================分页样式=======================*/
.pages { width: 1010px; }
.page_link { clear: both; padding: 5px; margin: 3px; text-align: center; }
.page_link_now, .page_link_a, .page_link_pre, .page_link_next, .page_link_first, .page_link_last { padding: 3px; margin: 2px; border: 1px solid #ccc; }
page_link_now a, .page_link_a a, .page_link_pre a, .page_link_next a, .page_link_first a, .page_link_last a { text-decoration: none; color: #555; }
.page_link_now { background: #ddd; font-weight: bold; }
/*======================底部样式=======================*/
.links {width: 1010px;margin:5px auto;line-height:23px;text-align:left;color:#555555;}
.footer { color: #666666; line-height: 25px; margin: 0 auto; width: 1044px;text-align:center; }

.biaotiad{	font-family: "微软雅黑";
	font-size: 35px;
	 	color: #2e577d;}
.copy{	font-family: "微软雅黑";
	font-size: 14px;
	 color: #333333; text-align:30px;}